<template>
  <div class="mine-wrap">
    <m_Header />
     <div class="contain">
        <p>当天销售额每满3000元, 就获得一份日奖励(可提现)</p>
     </div>
      <div class="items">
         <div class="items-title">
            <h2>收益</h2>
         </div>
         <div class="items-container">
            <van-row>
               <van-col span="12" border="right" border-bottom>
                  <p>0</p>
                  <p>今日营业额</p>
               </van-col>
               <van-col span="12" border-bottom>
                   <p>0.00</p>
                  <p>累计营业额</p>
               </van-col>
            </van-row>
            <van-row>
               <van-col span="8" border="right">
                  <p>0</p>
                  <p>现金支付</p>
               </van-col>
               <van-col span="8" border="right">
                  <p>0</p>
                  <p>卡券支付</p>
               </van-col>
               <van-col span="8">
                  <p>0</p>
                  <p>积分支付</p>
               </van-col>
            </van-row>
         </div>
      </div>


      <div class="items">
         <div class="items-title">
            <h2>订单</h2>
         </div>
         <div class="items-container">
            <van-row>
               <van-col span="12"  border="right" border-bottom>
                  <p>0</p>
                  <p>今日订单量</p>
               </van-col>
               <van-col span="12"  border-bottom>
                   <p>0.00</p>
                  <p>累计订单量</p>
               </van-col>
            </van-row>
            <van-row>
               <van-col span="8"  border="right">
                  <p>0</p>
                  <p>已完成</p>
               </van-col>
               <van-col span="8"  border="right">
                  <p>0</p>
                  <p>待付款</p>
               </van-col>
               <van-col span="8">
                  <p>0</p>
                  <p>退换货订单</p>
               </van-col>
            </van-row>
         </div>
      </div>



      <div class="items">
         <div class="items-title">
            <h2>其他</h2>
         </div>
         <div class="items-container">
            <van-row border-bottom>
               <van-col span="12" border="right" >
                  <p>0</p>
                  <p>我的粉丝</p>
               </van-col>
               <van-col span="12">
                   <p>0.00</p>
                  <p>我的评论</p>
               </van-col>
            </van-row>
            <van-row>
               <van-col span="8" border="right">
                  <p>0</p>
                  <p>分店数</p>
               </van-col>
               <van-col span="8" border="right">
                  <p>0</p>
                  <p>店长</p>
               </van-col>
               <van-col span="8">
                  <p>0</p>
                  <p>奖金(份)</p>
               </van-col>
            </van-row>
         </div>
      </div>
      <copyright />
  </div>
</template>

<script>
import m_Header from '@/components/mineStoreHeader.vue'
import m_Footer from '@/components/mineStoreFooter.vue'
export default {
  name: 'mine',
  data(){
    return {}
  },
  components:{
    m_Header,
    m_Footer
  }
}
</script>
<style scoped>
   .mine-wrap {padding-bottom: 60px;background-color: #dadada}
   .contain{padding:3px 10px 0 10px}
   .title{padding:1px 10px 0 10px}
   .nav p {margin: .5rem 0;}
   .items {
      margin: 5px 0;
      background-color: white;
   }
   .items-title {
      
      position: relative;
      padding: 0 0 0 2px;
   }
   .items-title h2 {
      padding-left: 10px;
   }
   .items-title:after {
      content: ' ';
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      height: 100%;  
      width: 3px;
      background-color: #4f81c7;
   }
   .items-container {
      text-align: center;
   }
   [border=right] {
      border-right: 1px solid rgba(170,170,170,.7);
   }
   [border-bottom] {
      border-bottom: 1px solid rgba(170,170,170,.7);
   }
</style>
